/* CSS Document */body, p, h1, h2, h3, h4, ul, li, img, table, tbody, tr, td, a {

	margin: 0 auto;

	padding: 0px;

	_margin: 0 auto;

	_padding: 0px;

	letter-spacing: 1px

}

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	width: 100%;

	color: #505050;

	text-transform: Uppercase;

}

img {

	border: none;

}

a {

	text-decoration: none;

}

ul li {

	list-style: none

}

#header {

	width: 1000px;

	margin: 0 auto;

	overflow: hidde;

	height: 84px

}

#logo {

	float: left;

	margin-left: 10px;

	height: 84px;

	width: 155px

}

#nav {

	float: right;

}

#nav ul li {

	float: left;

	width: 85px;

	text-align: center;

	padding-right: 20px;

	line-height: 84px;

	height: 84px;

	font-size: 14px;

	font-weight: bold

}

#nav ul li a:link, #nav ul li a:visited {

	display: block;

	color: #666666

}

#nav ul li a:hover {

	color: #ffffff;

	background: url(nav-a.jpg) no-repeat;

	height: 84px

}

.top_dh{ float:right; font-size:24px; color:#2d6bb4; line-height:84px;}







.midbg {

	width: 100%;

	height: 511px;

	position: relative;

	z-index: 1;

	clear: both

}

.iBan {

	height: 511px;

	overflow: hidden;

	position: relative;

	z-index: 1;

	_zoom: 1;

	clear: none;

}

.iBanScreen {

	height: 511px;

	background-repeat: no-repeat;

	background-position: center top;

}

.iBanScreen ul {

	width: 100%;

	height: 511px;

	position: relative;

	top: 0;

	margin: 0 auto;

}

.iBanScreen li {

	width: 100%;

	height: 511px;

	overflow: hidden;

	position: absolute;

	display: none;

}

.iBanScreen li a {

	display: block;

	width: 100%;

	height: 100%

}

.iBanScreen .num {

	position: absolute;

	bottom: 15px;

	left: 45%;

	z-index: 999;

}

.iBanScreen .num a {

	display: inline-block;

	width: 10px;

	height: 10px;

	background: url(dots.png) no-repeat center;

	margin-right: 10px

}

.iBanScreen .num a.cur {

	background: url(dotsFocus.png) no-repeat center;

}

#about-index {

	width: 1000px;

	margin: 0 auto;

	overflow: hidden;

	margin-top: 30px;

	margin-bottom: 60px

}

.h2-index {

	font-weight: bold;

	font-size: 23px;

	text-align: center;

}

.en {

	font-size: 16px;

	color: #d5d5d5;

}

#about-index img {

	float: left;

	margin-right: 10px

}

#about-index p {

	line-height: 25px;

	margin-top: 25px;

	overflow: hidden;

	padding-bottom: 10px

}

.ljzx {

	text-align: center;

	margin-top: 20px;

	margin-bottom: 20px;

}

#recommended-bg {

	background: #eeeeee;

	width: 100%;

	overflow: hidden;

	clear: both;

	padding-top: 35px;

	padding-bottom: 60px

}

#recommended {

	width: 1000px;

	margin: 0 auto;

	background: url(h2-bg.png) no-repeat center 8px;

}

#classification {

	width: 470px;

	padding: 10px 0px

}

#classification li {

	float: left;

	padding-right: 30px;

}

#classification li a:link, #classification li a:visited {

	color: #535353;

	display: block;

	padding-bottom: 10px

}

#classification li a:hover {

	color: #d20000;

	background: url(cplist-a-index.jpg) no-repeat bottom center;

	padding-bottom: 10px

}

.pro_index {

	

	width: 1150px;

	margin: 0 auto;

	margin-top: 20px;

	overflow: hidden;

	display: flex;

	flex-wrap: wrap;

	padding-bottom: 15px;

}

.LeftBotton {

	float: left;

}

.LeftBotton a {

	background: url(arrow-left.jpg) no-repeat center center;

	width: 24px;

	height: 32px;

	display: block;

}

.RightBotton {

	float: right;

}

.RightBotton a {

	display: block;

	width: 24px;

	height: 32px;

	background: url(arrow-right.jpg) no-repeat center center;

}

#demo {

	overflow: hidden;

	width: 900px;

	float: left;

	margin-left: 20px

}

.pic {

	height: auto;

	width: 19.5%;

	text-align: center;

	padding-left: 15px;

	float: left;

}

.pic a {

	color: #535353;

}

.pic img {

	width: 100%;

	height: auto;

	background: #FFFFFF;

	border: 1px solid #b8b7b7

}

.pic h3 {

	font-size: 12px;

	font-weight: normal;

	padding: 10px;

	color: #535353

}

#content {

	width: 1000px;

	margin: 0 auto;

	overflow: hidden;

	padding-top: 60px;

	padding-bottom: 100px;

}

#news-index {

	width: 621px;

	float: left;

	overflow: hidden;

}

.news_title{background: url(news-h2.jpg) no-repeat bottom center;margin-bottom: 15px; overflow:hidden;line-height: 30px;}

#news-index h2 {

	font-size: 16px;

	color: #414141; float:left;

	line-height: 30px;

	

}

#news-index img {

	float: left;

	margin-right: 10px;

	border: 1px solid #c1c1c1

}

#news-index p {

	line-height: 20px;

}

#news-index ul { overflow:hidden;



}

#news-index ul li {

	background: url(news-dian.jpg) no-repeat 5px center;

	width: 370px;

	float: left;

	padding-left: 20px;

	line-height: 25px

}

#news-index ul li a {

	color: #535353

}

.more {

	float: right;

	font-size: 10px;

	color: #757575;

	font-family: Arial, Helvetica, sans-serif

}

.more a {

	color: #757575;

}

.news-en {

	font-size: 12px;

	color: #aeaeae;

	font-family: Arial, Helvetica, sans-serif;

	padding-left: 5px

}

#contact-index {

	float: right;

	width: 343px;

	overflow: hidden;

	background: url(contact-bg-index.jpg) no-repeat;

	height: 238px;

	padding-bottom: 100px;

}

#contact-index h2 {

	color: #FFFFFF;

	font-size: 16px;

	margin-top: 25px;

	margin-bottom: 20px;

	padding-left: 20px

}

#contact-index h2 span {

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	padding-left: 5px

}

#contact-index p {

	line-height: 30px;

	margin-left: 20px;

	color: #FFFFFF;

}

#add {

	background: url(add.jpg) no-repeat left center;

	padding-left: 25px

}

#phone {

	background: url(phone.jpg) no-repeat left center;

	padding-left: 25px

}

#tel-index {

	background: url(tel.jpg) no-repeat left center;

	padding-left: 25px

}

#fax {

	background: url(fax.jpg) no-repeat left center;

	padding-left: 25px

}

#email {

	background: url(email.jpg) no-repeat left center;

	padding-left: 25px

}

#footer-bg {

	background: #2f2f2f;

	width: 100%;

	overflow: hidden;

	padding-top: 20px;

	padding-bottom: 40px

}

#footer {

	width: 1000px;

	margin: 0 auto;

	color: #e4e4e4;

	overflow: hidden

}

#footer a {

	color: #fff;

}

#footer ul {

	margin: 0 auto;

	margin-left: -10px;

	overflow: hidden

}

#footer ul li {

	float: left;

	background: url(footer-nav-g.jpg) no-repeat left center;

	padding: 0px 10px;

	font-size: 12px

}

#footer ul li a {

	color: #e4e4e4

}

#footer p {

	clear: both;

	line-height: 22px;

	margin-bottom: 10px;

}/*ny*/

#banner-ny {

	background: url(banner-ny.jpg) no-repeat top center;

	width: 100%;

	height: 289px

}

#container {

	width: 1000px;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 30px

}

#left {

	float: left;

	width: 234px;

	overflow: hidden;

	margin-bottom: 50px

}

#left h2 {

	font-size: 16px;

	color: #4c4c4c;

	background: url(pro-h2-ny.jpg) no-repeat;

	height: 40px;

	line-height: 40px;

	padding-left: 10px;

	border-bottom: 3px solid #2a6ec2;

	width: 219px

}

#left h2 span {

	font-family: Arial, Helvetica, sans-serif;

	padding-left: 3px;

	color: #858585;

	font-size: 11px

}

#pro-list {

	border: 1px solid #d0cfcf

}

#pro-list ul {

	margin-top: 10px;

	padding-bottom: 30px;

	font-family: "宋体"

}

#pro-list ul li {

	background: url(prolist-bg.jpg) no-repeat;

	height: 30px;

	line-height: 30px;

	font-size: 12px;

	width: 207px

}

#pro-list ul li a:link, #pro-list ul li a:visited {

	color: #666666;

	display: block;

	padding-left: 30px

}

#pro-list ul li a:hover {

	background: url(prolist-a.jpg) no-repeat;

	color: #ffffff;

	padding-left: 30px;

	font-size: 12px

}

#contact {

	margin-top: 30px;

	border: 1px solid #d0cfcf;

	background: url(contact-bg.jpg) no-repeat bottom right;

	height: 236px

}

#contact p {

	line-height: 30px;

	padding: 10px 10px 0px 10px;

	font-family: "宋体"

}

#right {

	width: 730px; padding-bottom:25px;

	float: right;

	overflow: hidden;

	margin-right: 20px

}

#title-h1 {

	color: #4c4c4c;

	font-size: 16px;

	border-bottom: 3px solid #2a6ec2;

	height: auto;

	line-height: 41px;

	width: 98%; overflow:hidden;

}

#title-h1 h1{ float:left;	line-height: 41px;color: #4c4c4c;	font-size: 16px;}



.return {

	float: right;

	font-size: 12px;

	font-family: "宋体";

	color: #4c4c4c;

}

.return a {

	color: #4c4c4c;

	background: url(return-a.jpg) no-repeat left center;

	padding: 0px 5px 0px 10px

}

#page-content {

	padding: 15px 2.5%;

	line-height: 30px;

	text-align: center;

	padding-bottom: 40px;

	overflow: hidden;

	width: 100%;

}

#page-content p {

	text-align: left;

	text-indent: 2em;

	letter-spacing: normal;

	font-size: 14px;

}

#News-list {

	margin-top: 15px;

	text-align: left

}

#News-list li {

	line-height: 30px;

	background: url(news-dian.jpg) no-repeat left center;

	padding-left: 10px

}

#News-list li a {

	color: #6f6f6f;

	font-size: 14px

}

.time {

	float: right;

	color: #757575

}

#page {

	clear: both;

	margin: 20px;

	text-align: center

}

#page a {

	color: #7e7e7e;

	padding-left: 5px

}

#Product-list {
display: flex;flex-wrap: wrap;
	margin-top: 15px;

	overflow: hidden;

}

#Product-list li {

	float: left;

	width: 31.3%;

	text-align: center;

	margin-right: 1%;	margin-left: 1%;

	margin-bottom: 10px

}

#Product-list li img {

	width: 100%;

	height: auto;

	border: 1px solid #CCCCCC

}

#Product-list li h3 {

	font-size: 14px;

	font-weight: normal;

	margin: 8px

}

#Product-list li h3 a {

	color: #7e7e7e;

}

.title {

	height: 30px;

	line-height: 30px;

	font-size: 18px;

	font-weight: bold;

	margin: 15px 0px 5px 0px;

}

.hit {

	height: 30px;

	line-height: 30px;

}

#page-content {

	text-align: center

}

.page {

	text-align: left;

	line-height: 25px;

	border: 1px #CCCCCC solid;

	padding: 5px 0px 5px 30px;

	margin-top: 20px

}

.page a {

	color: #7e7e7e

}

#page-content img {

	margin-top: 10px;

	text-align: center;

}

.cp-details {

	text-align: left;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	margin: 20px 0px

}

#related_product {

	overflow: hidden

}

#related_product h2 {

	font-size: 14px;

	margin: 15px;

	text-align: left

}

#related_product ul {

	margin-left: 25px

}

#related_product ul li {

	float: left;

	width: 196px;

	text-align: center;

	padding-right: 30px;

	margin-bottom: 10px

}

#related_product ul li img {

	width: 194px;

	height: 157px;

	border: 1px solid #CCCCCC

}

#related_product ul li h3 {

	font-size: 11px;

	font-weight: normal;

	margin: 10px

}

#related_product ul li a {

	color: #7e7e7e;

}

#details {

	margin-bottom: 20px;

	margin-top: 20px;

}

h1#h1ti {

	color: #4c4c4c;

	font-size: 16px;

	font-weight: bold;

}

.tuijian_t {

	font-weight: bold;

	font-size: 15px;

	padding: 0px 10px;

}

.tuijian_nr {

	padding: 0px 10px;

}

.des {

	width: 1100px;

	margin: 0 auto;

	clear: both

}

.des h2 {

	font-size: 16px;

}

.des p {

	line-height: 26px;

	text-indent: 2em;

}

#shouji {

	position: fixed;

	_position: absolute;

	top: 150px;

	right: 20px;

	background: #cfcfcf;

	z-index: 9999;

}

#shouji p {

	margin: 0px;

	padding: 0px;

	text-align: center;

	font-weight: bold;

	font-size: 12px;

	line-height: 20px;

	color: #ff0000;

}

#shouji img {

	width: 150px;

}/* mobile_footer */

.mobile_footer {

	position: fixed;

	z-index: 520;

	bottom: 0;

	left: 0;

	right: 0;

	display: none;

}

.mobile_footer ul {

	display: flex;

	justify-content: space-between;

	margin-bottom: 0px;

}

.mobile_footer ul li {

	padding: 7px 5px !important;

	background-color: #2a6ec2 !important;

}

.mobile_footer ul li:nth-child(3) i.iconfont {

	transform: translateY(-2px);

}

.mobile_footer ul li a {

	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

	line-height: 30px;

}

.mobile_footer ul li a i.iconfont {

	font-size: 21px;

	color: #fff;

}

.mobile_footer ul li a span {

	font-size: 16px;

	margin-left: 5px;

	color: #fff;

}

.row {

	margin: 0px;

}

.row {

	margin-left: 0px !important;

}

.swiper-slide img {

	width: 100%;

}



#page-content #facebook{ width:100%;}

#facebook table{ width:100%;}

#facebook table td{ padding-bottom:15px;}

#contents{ width:100%; height:150px;}

.anniu_lxfs{ width:200px; line-height:40px;}



.youhua_cp{ clear:both; overflow:hidden; padding-bottom:25px;}

.youhua_cp h2{ font-size:25px; line-height:38px; text-align:center; margin-bottom:10px;}

.youhua_cp p{ margin-bottom:15px;}

.youhua_cp h3{ font-size:22px; line-height:32px; margin:15px 0;}

.youhua_cp ul{ overflow:hidden; clear:both;}

.youhua_cp li{ width:33.3%; float:left;}

.youhua_cp li a{color: #505050; line-height:25px;}



.youhua_news{ clear:both; overflow:hidden; padding-bottom:25px;}

.youhua_news h2{ font-size:25px; line-height:38px; text-align:center; margin-bottom:10px;}

.youhua_news p{ margin-bottom:15px;}

.youhua_news h3{ font-size:22px; line-height:32px; margin:15px 0;}

.youhua_news ul{ overflow:hidden; clear:both; text-align:left;}

.youhua_news li{ width:50%; float:left;}

.youhua_news li a{color: #505050; line-height:25px;}





@media (max-width: 768px) {

.mobile_footer {

	display: block;

}

}

@media (max-width: 1200px) {

}

@media (max-width: 1100px) {

.des {

	width: 98%;

}

.pro_index {

	width: 98%;

}

}

@media (max-width: 1000px) {

#about-index img {

	display: none;

}

#about-index {

	width: 98%;

}

#recommended {

	width: 98%;

}

#content {

	width: 98%;

}

#footer {

	width: 98%;

}

.h2-index spam {

	font-size: 19px;

	color: #4c4c4c;

	font-weight: normal;

}

#left {

	margin-left: 10px;

}

}

@media (max-width: 991px) {

#header {

	display: none;

}

.none992 {

	height: 60px;

}

#news-index {

	width: 100%;

}

#news-index ul li {

	width: 72%;

}

#news-index h2 {

	background: url(news-h2.jpg) no-repeat bottom left;

}

#news-index img {

	width: 26%;

}

#news-index ul {

	margin-top: 0px;

}

#contact-index {

	margin-top: 10px;

	float: right;

	width: 100%;

	background: #417dd3;

}

#content {

	padding-bottom: 20px;

}

#container {

	width: 100%;

}

#left {

	width: 23.4%;

}

#right {

	width: 70%;

}

#pro-list ul li {

	width: 90%;

}

#contact p {

	font-size: 12px;

}

#left h2 {

	width: 98%;

}

#Product-list li {

	padding-right: 10px;

}

#page-content img {

	width:100%;

}

}

@media (max-width: 767px) {

#about-index {

	margin-top: 15px;

	margin-bottom: 0px;

}

.h2-index {

	font-size: 18px;

}

.en {

	font-size: 14px;

}

#about-index p {

	margin-top: 5px;

	font-size: 14px;

	padding-bottom: 10px;

}

.ljzx {

	margin-top: 0px;

}

#recommended-bg {

	padding-top: 15px;

	padding-bottom: 0px;

}

#classification li {

	font-size: 14px;

}

.pic {

	width: 50%;

	padding-left: 5px;

	padding-right: 5px;

}

.pic h3 {

	padding: 5px;

}

#news-index img {

	display: none;

}

#news-index ul li {

	width: 98%;

}

#content {

	padding-top: 15px;

}

#contact-index {

	display: none;

}

#left {

	display: none;

}

#right {

	width: 98%;

	margin-right: 1%;

	margin-left: 1%;

}

#container {

	margin-top: 10px;

}

#page-content {

	padding-bottom: 10px;

	margin: 1%;

}

#Product-list {

	margin-top: 10px;

}

#Product-list li { padding-right:0; width:31.3%;

	margin-right: 1%;

	margin-left: 1%;

	margin-bottom: 0px;

}

#Product-list li h3 {

	margin: 1px;

}

#page-content{ width:98%;}

























}

@media (max-width: 449px) {

.pro_index {

	margin-top: 10px;

}

#footer-bg {

	padding-bottom: 15px;

}

#Product-list li {

	width: 48%;

}

#page {

	margin: 5px;

}

#title-h1 {

	line-height: 25px;

}

.title {

	font-size: 16px;

}

}